<script setup lang="ts">
import TileItem from '@/components/tiles/item/TileItem.vue'

const props = defineProps({
    // 麻将牌编码
    tile: { type: String, required: true }
}) 
let baseTransformStyle = "rotateX(30deg)";

</script>

<template>
  <div class="self-peng-group">
    <TileItem :code="props.tile" :transformStyle="baseTransformStyle" :scale="0.8"></TileItem>
    <TileItem :code="props.tile" :transformStyle="baseTransformStyle" :scale="0.8"></TileItem>
    <TileItem :code="props.tile" :transformStyle="baseTransformStyle" :scale="0.8"></TileItem>
  </div>
</template>

<style scoped lang="scss">
.self-peng-group{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  div:not(:first-child) {
    margin-left:1px;
  }
}
</style>
